<template>
 <div>
  <div v-if="this.$route.query.spcalTag!=='todo'">
     <el-container>
    <el-header height="36px">
      <header-title :title="headerTitle" />
    </el-header>
    <div>
      <el-tabs
        v-model="activeName"
        type="border-card"
        @tab-click="handleClick(activeName)"
      >
        <el-tab-pane label="发起验工计价" name="1" style="padding:15px 25px 0px">
          <!-- 发起验工计价页面 -->
          <el-main v-if="manageMode === '31' || manageMode === '04'" class="mainDetails">
            <TCollapse title="项目信息" style="width:100%;">
              <div class="content-box">
                <!-- <div style="display:flex;justify-content: space-between;"> -->
                <div style="text-align: justify;">
                  <span v-if="topdetailData.PARENT_PRJ_NAME" id="parProName" style="width: 120px;">整体项目：{{ topdetailData.PARENT_PRJ_NAME }}</span>
                  <span v-if="topdetailData.PARENT_ORG_NAME" id="parProCode">-{{ topdetailData.PARENT_ORG_NAME }}</span>
                  <span v-if="topdetailData.PARENT_PRJ_CODE" id="parProCode">【
                    <span v-if="(manageMode == '04' || manageMode == '03') && isBudget!==1" v-debounce="()=>skipPage(topdetailData.PARENT_PRJ_CODE)" style="color: #53c7f8;cursor: pointer;">{{ topdetailData.PARENT_PRJ_CODE }}</span>
                    <span v-else>{{ topdetailData.PARENT_PRJ_CODE }}</span>
                    】</span>
                </div>
                <div style="text-align: justify;">
                  <span v-if="topdetailData.SUB_PRJ_NAME" id="topdetailData.SUB_PRJ_NAME" style="width: 120px;">单项工程：{{ topdetailData.SUB_PRJ_NAME }}</span>
                  <span v-if="topdetailData.SUB_ORG_NAME" id="subProCode">-{{ topdetailData.SUB_ORG_NAME }}</span>
                  <span v-if="topdetailData.SUB_PRJ_CODE" id="subProCode">【{{ topdetailData.SUB_PRJ_CODE }}】</span>
                </div>
                <!-- </div> -->
              </div>
            </TCollapse>
            <TCollapse title="验工计价" style="width:100%;">
              <div class="content-box marginBottom14">
                <div style="text-align:left;word-break:break-all;">
                  <div style="text-align:left;word-break:break-all;margin-left: 2px;" class="content-box">
                    <div id="messBox">整体项目下列服务编码还未返回预估单：{{ coding }}</div>
                  </div>
                  <div style="color:red;">
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;预估单未返回时请确认以下操作是否已完成：</div>
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;（1）请与地市商合岗确认对应的服务编码是否已经采购下单。</div>
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;（2）如果已下单，请项目经理到商合交易系统完成收货（操作路径：我的业务/我的账户/订单管理），收货之后系统会在1小时左右推送预估单到PMS。可在订单详情页查询最新推送状态（查询路径：查看/查看订单报账）。</div>
                  </div>
                </div>
                <el-row v-if="manageMode == '04' || manageMode == '03'" :gutter="10" class="marginBottom14" type="flex" justify="end">
                  <el-col :span="1.5">
                    <el-button class="pms-button-primary" @click="skipPage(topdetailData.PARENT_PRJ_CODE)">查看交易预估单推送情况</el-button>
                  </el-col>
                </el-row>

                <!-- 列表 -->
                <el-table
                  ref="singleTable"
                  :data="detailData"
                  style="width: 100%"
                  border
                  :header-cell-style="{
                    background: '#F5F5F5',
                    color: '#333333'
                  }"
                >
                  <el-table-column align="center" type="index" width="50" label="序号" />
                  <el-table-column align="center" prop="siteId" label="站址编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceCode" label="服务编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceName" label="服务名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="formPattern" width="80" label="规格" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="supplier" width="90" label="供应商名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="orderCode" label="订单编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="contractCode" label="合同编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shNum" width="80" label="商合预占数" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="price" width="80" label="单价(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.price) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="spuUnitAcc" width="80" label="物料精度" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shMoney" width="80" label="商合预占金额(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding( scope.row.shMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="sumNum" width="80" label="绑定数量" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.sumNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="sumMoney" width="80" label="绑定金额" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding(scope.row.sumMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="currentInspectionNum" width="80" label="付款数量" :show-overflow-tooltip="true">
                    <template v-if="!scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.currentInspectionNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="currentInspectionMoney" width="80" label="付款金额" :show-overflow-tooltip="true">
                    <template v-if="!scope.row.serviceCode" slot-scope="scope">{{ rounding(scope.row.currentInspectionMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column v-if="showColumns" align="center" prop="subNicheCode" width="80" label="子商机编码">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column v-if="newZlSoftWort" align="center" prop="shareStartDate" width="80" label="摊销起始日期">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column v-if="newZlSoftWort" align="center" prop="shareEndDate" width="80" label="摊销终止日期">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column> 
                  <el-table-column align="center" prop="projectProGress" width="80" label="项目进度(%)" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="left" header-align="center" prop="payType" :formatter="payTypeDictionaries" width="80" label="付款类型" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <!-- <el-table-column align="left" header-align="center" prop="siteId" width="80" label="类型" :show-overflow-tooltip="true">
                      <template slot-scope="scope">{{ scope.row.siteId ? '预估单': '验工计价' }}</template>
                    </el-table-column> -->
                  <el-table-column align="center" prop="orderState" :formatter="orderStateDictionaries" width="80" label="订单状态" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="isPush" :formatter="isPushDictionaries" width="80" label="推送状态" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </TCollapse>
            <!-- </el-collapse-item>
            </el-collapse> -->
          </el-main>
          <!-- 调减验工计价页面 -->
          <el-main v-else class="mainDetails">
            <TCollapse title="项目信息" style="width:100%;">
              <div v-if="topdetailData.PARENT_PRJ_NAME" class="content-box">
                <!-- <div style="display:flex;justify-content: space-between;"> -->
                <div style="text-align: justify;">
                  <span v-if="topdetailData.PARENT_PRJ_NAME" id="parProName" style="width: 120px;">整体项目：{{ topdetailData.PARENT_PRJ_NAME }}</span>
                  <span v-if="topdetailData.PARENT_ORG_NAME" id="parProCode">-{{ topdetailData.PARENT_ORG_NAME }}</span>
                  <span v-if="topdetailData.PARENT_PRJ_CODE" id="parProCode">【
                    <span v-if="(manageMode == '04' || manageMode == '03')&& isBudget!==1" v-debounce="()=>skipPage(topdetailData.PARENT_PRJ_CODE)" style="color: #53c7f8;cursor: pointer;">{{ topdetailData.PARENT_PRJ_CODE }}</span>
                    <span v-else>{{ topdetailData.PARENT_PRJ_CODE }}</span>
                    】</span>
                </div>
                <div style="text-align: justify;">
                  <span v-if="topdetailData.SUB_PRJ_NAME" id="topdetailData.SUB_PRJ_NAME" style="width: 120px;">单项工程：{{ topdetailData.SUB_PRJ_NAME }}</span>
                  <span v-if="topdetailData.SUB_ORG_NAME" id="subProCode">-{{ topdetailData.SUB_ORG_NAME }}</span>
                  <span v-if="topdetailData.SUB_PRJ_CODE" id="subProCode">【{{ topdetailData.SUB_PRJ_CODE }}】</span>
                </div>
                <!-- </div> -->
              </div>
              <div v-else class="content-box">
                <table style=" text-align: left;">
                  <tr>
                    <td width="50%">
                      <span id="parProName" style="width: 120px;">{{ topdetailData.SUB_PRJ_NAME }}</span>
                      <span v-if="topdetailData.SUB_ORG_NAME" id="subProCode">-{{ topdetailData.SUB_ORG_NAME }}</span>
                      <span v-if="topdetailData.SUB_PRJ_CODE" id="parProCode">【
                        <span v-if="isBudget!==1" v-debounce="()=>skipPage(topdetailData.SUB_PRJ_CODE)" style="color: #53c7f8;cursor: pointer;">{{ topdetailData.SUB_PRJ_CODE }}</span>
                        <span v-else>{{ topdetailData.SUB_PRJ_CODE }}</span>
                        】</span>
                    </td>
                  </tr>
                </table>
              </div>
            </TCollapse>
            <!-- 发起验工计价 -->
            <TCollapse title="验工计价" style="width:100%;">
              <el-row :gutter="10" class="content-box marginBottom14" type="flex" justify="start">
                <el-col :span="1.5" style="line-height:25px;text-align: left;">
                  <div id="messBox">下列服务编码还未返回预估单：{{ coding }}</div>
                  <div class="colorRed">预估单未返回时请确认以下操作是否已完成：</div>
                  <div class="colorRed">（1）请与地市商合岗确认对应的服务编码是否已经采购下单（选址费、赔补费、测绘费、工程签证类服务需【项目经理】跳转【商合交易系统】去下单，具体操作路径：PMS系统-【综合查询】-【选址/赔补/测绘/签证费下单】）</div>
                  <div class="colorRed">（2）如果已下单，请项目经理到商合交易系统完成收货（操作路径：我的业务/我的账户/订单管理），收货之后系统会在1小时左右推送预估单到PMS。可在订单详情页查询最新推送状态（查询路径：查看/查看订单报账）。</div>
                  <div class="colorRed">（3）不需要的服务模块可通过项目设计变更删除。操作手册请见【知识管理】平台，搜索“设计变更”。</div>
                </el-col>
              </el-row>
              <el-row v-if="topdetailData.PARENT_PRJ_NAME && (manageMode == '04' || manageMode == '03') && isBudget!==1" :gutter="10" class="marginBottom14" type="flex" justify="end">
                <el-col :span="1.5">
                  <el-button class="pms-button-primary" @click="skipPage(topdetailData.PARENT_PRJ_CODE)">查看交易预估单推送情况</el-button>
                </el-col>
              </el-row>
              <el-row v-if="!topdetailData.PARENT_PRJ_NAME && topdetailData.SUB_PRJ_CODE && isBudget!==1" :gutter="10" class="marginBottom14" type="flex" justify="end">
                <el-col :span="1.5">
                  <el-button class="pms-button-primary" @click="skipPage(topdetailData.SUB_PRJ_CODE)">查看交易预估单推送情况</el-button>
                </el-col>
              </el-row>
              <div class="content-box">
                <el-table
                  ref="singleTable"
                  :data="detailData"
                  style="width: 100%"
                  border
                  :header-cell-style="{
                    background: '#F5F5F5',
                    color: '#333333'
                  }"
                >
                  <el-table-column align="center" type="index" width="50" label="序号" />
                  <el-table-column align="center" prop="siteId" label="站址编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceCode" label="服务编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceName" label="服务名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="supplier" width="90" label="供应商名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="orderCode" label="订单编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="contractCode" label="合同编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shNum" width="90" label="商合预占数" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="price" width="80" label="单价(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.price) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="spuUnitAcc" width="80" label="物料精度" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shMoney" width="80" label="商合预占金额(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding( scope.row.shMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="sumNum" width="80" label="累计验工数量" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.sumNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="sumMoney" width="80" label="累计验工金额(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding(scope.row.sumMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="surplusNum" width="80" label="可发起验工数量" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column v-if="false" align="center" prop="onlybe1FLAG" width="80" label="服务数量是否只为1" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <!-- <el-table-column prop="siteId" width="80" label="类型" :show-overflow-tooltip="true" align="left" header-align="center">
                      <template slot-scope="scope">{{ scope.row.siteId ? '预估单': '验工计价' }}</template>
                    </el-table-column> -->
                  <el-table-column align="center" prop="orderState" :formatter="orderStateDictionaries" width="80" label="订单状态">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="currentInspectionNum" width="80" label="本期验工数量" :show-overflow-tooltip="true">
                    <template v-if="!scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.currentInspectionNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="currentInspectionMoney" width="80" label="本期验工金额(元)" :show-overflow-tooltip="true">
                    <template v-if="!scope.row.serviceCode" slot-scope="scope">{{ rounding(scope.row.currentInspectionMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column v-if="showColumns" align="center" prop="subNicheCode" width="80" label="子商机编码">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column v-if="newZlSoftWort" align="center" prop="shareStartDate" width="80" label="摊销起始日期">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column v-if="newZlSoftWort" align="center" prop="shareEndDate" width="80" label="摊销终止日期">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column> 
                  <el-table-column align="center" prop="projectProGress" width="80" label="项目进度(%)">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="left" header-align="center" prop="payType" :formatter="payTypeDictionaries" width="80" label="付款类型" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="isPush" :formatter="isPushDictionaries" width="80" label="推送状态">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </TCollapse>
          </el-main>
        </el-tab-pane>
        <!-- 设计监理费验工计价 -->
        <el-tab-pane label="设计监理费验工计价" name="2" style="padding:15px 25px 0px">
          <!-- 调减验工计价页面 -->
          <el-main v-if="manageMode === '31' || manageMode === '04'" class="mainDetails">
            <TCollapse title="项目信息" style="width:100%;">
              <div class="content-box">
                <div style="text-align: justify;">
                  <span v-if="topdetailData.PARENT_PRJ_NAME" id="parProName" style="width: 120px;">整体项目：{{ topdetailData.PARENT_PRJ_NAME }}</span>
                  <span v-if="topdetailData.PARENT_ORG_NAME" id="parProCode">-{{ topdetailData.PARENT_ORG_NAME }}</span>
                  <span v-if="topdetailData.PARENT_PRJ_CODE" id="parProCode">【{{ topdetailData.PARENT_PRJ_CODE }}】</span>
                </div>
                <div style="text-align: justify;">
                  <span v-if="topdetailData.SUB_PRJ_NAME" id="topdetailData.SUB_PRJ_NAME" style="width: 120px;">单项工程：{{ topdetailData.SUB_PRJ_NAME }}</span>
                  <span v-if="topdetailData.SUB_ORG_NAME" id="subProCode">-{{ topdetailData.SUB_ORG_NAME }}</span>
                  <span v-if="topdetailData.SUB_PRJ_CODE" id="subProCode">【{{ topdetailData.SUB_PRJ_CODE }}】</span>
                </div>
              </div>
            </TCollapse>
            <!-- 验工计价详情 -->
            <TCollapse title="验工计价" style="width:100%;">
              <div class="content-box marginBottom14">
                <div style="text-align:left;word-break:break-all;">
                  <div style="text-align:left;word-break:break-all;margin-left: 2px;" class="content-box">
                    <div id="messBox">整体项目下列服务编码还未返回预估单：{{ codingTwo }}</div>
                  </div>
                  <div style="color:red;">
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;预估单未返回时请确认以下操作是否已完成：</div>
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;（1）请与地市商合岗确认对应的服务编码是否已经采购下单。</div>
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;（2）如果已下单，请项目经理到商合交易系统完成收货（操作路径：我的业务/我的账户/订单管理），收货之后系统会在1小时左右推送预估单到PMS。可在订单详情页查询最新推送状态（查询路径：查看/查看订单报账）。</div>
                  </div>
                </div>
                <el-row v-if="isShowBtn" :gutter="10" class="marginBottom14" type="flex" justify="end">
                  <el-col :span="1.5">
                    <el-button class="pms-button-primary" @click="singlePush">推送</el-button>
                    <el-button class="pms-button-primary" @click="singleWriteOff">冲销</el-button>
                  </el-col>
                </el-row>
                <!-- 列表 -->
                <el-table
                 @selection-change="handleSelectionChange"
                  ref="singleTable"
                  :data="sjjlDetailData"
                  style="width: 100%"
                  border
                  :header-cell-style="{
                    background: '#F5F5F5',
                    color: '#333333'
                  }"
                >
                <el-table-column type="selection" width="55" />
                  <el-table-column align="center" type="index" width="50" label="序号" />
                  <el-table-column align="center" prop="siteId" label="站址编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceCode" label="服务编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceName" label="服务名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="formPattern" width="80" label="规格" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="supplier" width="90" label="供应商名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="orderCode" label="订单编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="contractCode" label="合同编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shNum" width="80" label="商合预占数" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="price" width="80" label="单价(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.price) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shMoney" width="80" label="商合预占金额(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding( scope.row.shMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="bundingNum" width="80" label="绑定数量" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.bundingNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="bundingMoney" width="80" label="绑定金额" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding(scope.row.bundingMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="paymentNum" width="80" label="付款数量" :show-overflow-tooltip="true">
                    <template slot-scope="scope">{{ roundingFour(scope.row.paymentNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="paymentMoney" width="80" label="付款金额" :show-overflow-tooltip="true">
                    <template slot-scope="scope">{{ rounding(scope.row.paymentMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="projectProGress" width="80" label="项目进度(%)" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="left" header-align="center" prop="paymentType" :formatter="payTypeDictionariesTwo" width="80" label="付款类型" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <!-- <el-table-column align="left" header-align="center" prop="siteId" width="80" label="类型" :show-overflow-tooltip="true">
                      <template slot-scope="scope">{{ scope.row.siteId ? '预估单': '验工计价' }}</template>
                    </el-table-column> -->
                  <el-table-column align="center" prop="orderState" :formatter="orderStateDictionaries" width="80" label="订单状态" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="isPush" :formatter="isPushDictionariesNew" width="80" label="推送状态" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </TCollapse>
          </el-main>
          <!-- 发起验工计价页面 -->
          <el-main v-else class="mainDetails">
            <TCollapse title="项目信息" style="width:100%;">
              <div v-if="topdetailData.PARENT_PRJ_NAME" class="content-box">
                <!-- <div style="display:flex;justify-content: space-between;"> -->
                <div style="text-align: justify;">
                  <span v-if="topdetailData.PARENT_PRJ_NAME" id="parProName" style="width: 120px;">整体项目：{{ topdetailData.PARENT_PRJ_NAME }}</span>
                  <span v-if="topdetailData.PARENT_ORG_NAME" id="parProCode">-{{ topdetailData.PARENT_ORG_NAME }}</span>
                  <span v-if="topdetailData.PARENT_PRJ_CODE" id="parProCode">【{{ topdetailData.PARENT_PRJ_CODE }}】</span>
                </div>
                <div style="text-align: justify;">
                  <span v-if="topdetailData.SUB_PRJ_NAME" id="topdetailData.SUB_PRJ_NAME" style="width: 120px;">单项工程：{{ topdetailData.SUB_PRJ_NAME }}</span>
                  <span v-if="topdetailData.SUB_ORG_NAME" id="subProCode">-{{ topdetailData.SUB_ORG_NAME }}</span>
                  <span v-if="topdetailData.SUB_PRJ_CODE" id="subProCode">【{{ topdetailData.SUB_PRJ_CODE }}】</span>
                </div>
                <!-- </div> -->
              </div>
              <div v-else class="content-box">
                <table style=" text-align: left;">
                  <tr>
                    <td width="50%">
                      <span id="parProName" style="width: 120px;">{{ topdetailData.SUB_PRJ_NAME }}</span>
                      <span v-if="topdetailData.SUB_ORG_NAME" id="subProCode">-{{ topdetailData.SUB_ORG_NAME }}</span>
                      <span v-if="topdetailData.SUB_PRJ_CODE" id="parProCode">【{{ topdetailData.SUB_PRJ_CODE }}】</span>
                    </td>
                  </tr>
                </table>
              </div>
            </TCollapse>
            <!-- 发起验工计价 -->
            <TCollapse title="验工计价" style="width:100%;">
              <el-row :gutter="10" class="content-box marginBottom14" type="flex" justify="start">
                <el-col :span="1.5" style="line-height:25px;text-align: left;">
                  <div id="messBox">下列服务编码还未返回预估单：{{ codingTwo }}</div>
                  <div class="colorRed">预估单未返回时请确认以下操作是否已完成：</div>
                  <div class="colorRed">（1）请与地市商合岗确认对应的服务编码是否已经采购下单（选址费、赔补费、测绘费、工程签证类服务需【项目经理】跳转【商合交易系统】去下单，具体操作路径：PMS系统-【综合查询】-【选址/赔补/测绘/签证费下单】）</div>
                  <div class="colorRed">（2）如果已下单，请项目经理到商合交易系统完成收货（操作路径：我的业务/我的账户/订单管理），收货之后系统会在1小时左右推送预估单到PMS。可在订单详情页查询最新推送状态（查询路径：查看/查看订单报账）。</div>
                  <div class="colorRed">（3）不需要的服务模块可通过项目设计变更删除。操作手册请见【知识管理】平台，搜索“设计变更”。</div>
                </el-col>
              </el-row>
              <el-row v-if="isShowBtn" :gutter="10" class="marginBottom14" type="flex" justify="end">
                  <el-col :span="1.5">
                    <el-button class="pms-button-primary" @click="singlePush">推送</el-button>
                    <el-button class="pms-button-primary" @click="singleWriteOff">冲销</el-button>
                  </el-col>
                </el-row>
              <div class="content-box">
                <el-table
                @selection-change="handleSelectionChange"
                  ref="singleTable"
                  :data="sjjlDetailData"
                  style="width: 100%"
                  border
                  :header-cell-style="{
                    background: '#F5F5F5',
                    color: '#333333'
                  }"
                >
                <el-table-column type="selection" width="55" />
                  <el-table-column align="center" type="index" width="50" label="序号" />
                  <el-table-column align="center" prop="siteId" label="站址编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceCode" label="服务编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceName" label="服务名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="supplier" width="90" label="供应商名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="orderCode" label="订单编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="contractCode" label="合同编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shNum" width="90" label="商合预占数" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="price" width="80" label="单价(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.price) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shMoney" width="80" label="商合预占金额(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding( scope.row.shMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="bundingNum" width="80" label="累计验工数量" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.bundingNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="bundingMoney" width="80" label="累计验工金额(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding(scope.row.bundingMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column v-if="false" align="center" prop="onlybe1FLAG" width="80" label="服务数量是否只为1" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <!-- <el-table-column prop="siteId" width="80" label="类型" :show-overflow-tooltip="true" align="left" header-align="center">
                      <template slot-scope="scope">{{ scope.row.siteId ? '预估单': '验工计价' }}</template>
                    </el-table-column> -->
                  <el-table-column align="center" prop="orderState" :formatter="orderStateDictionaries" width="80" label="订单状态">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="paymentNum" width="80" label="本期验工数量" :show-overflow-tooltip="true">
                    <template slot-scope="scope">{{ roundingFour(scope.row.paymentNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="paymentMoney" width="80" label="本期验工金额(元)" :show-overflow-tooltip="true">
                    <template slot-scope="scope">{{ rounding(scope.row.paymentMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="projectProGress" width="80" label="项目进度(%)">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="left" header-align="center" prop="paymentType" :formatter="payTypeDictionariesTwo" width="80" label="付款类型" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="isPush" :formatter="isPushDictionariesNew" width="80" label="推送状态">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </TCollapse>
          </el-main>
        </el-tab-pane>
      </el-tabs>
    </div>
  </el-container>
  </div>
  <DialogConfirm v-if="dialogVisible" :message="[dialogMessage]" @changeStatus="changeMsg" />
  <div v-if="this.$route.query.spcalTag==='todo'" ref="getSoftInfo">
    <!-- 调减验工计价页面 -->
    <el-main v-if="manageMode === '31' || manageMode === '04'" class="mainDetails">
            <TCollapse title="项目信息" style="width:100%;">
              <div class="content-box">
                <div style="text-align: justify;">
                  <span v-if="topdetailData.PARENT_PRJ_NAME" id="parProName" style="width: 120px;">整体项目：{{ topdetailData.PARENT_PRJ_NAME }}</span>
                  <span v-if="topdetailData.PARENT_ORG_NAME" id="parProCode">-{{ topdetailData.PARENT_ORG_NAME }}</span>
                  <span v-if="topdetailData.PARENT_PRJ_CODE" id="parProCode">【{{ topdetailData.PARENT_PRJ_CODE }}】</span>
                </div>
                <div style="text-align: justify;">
                  <span v-if="topdetailData.SUB_PRJ_NAME" id="topdetailData.SUB_PRJ_NAME" style="width: 120px;">单项工程：{{ topdetailData.SUB_PRJ_NAME }}</span>
                  <span v-if="topdetailData.SUB_ORG_NAME" id="subProCode">-{{ topdetailData.SUB_ORG_NAME }}</span>
                  <span v-if="topdetailData.SUB_PRJ_CODE" id="subProCode">【{{ topdetailData.SUB_PRJ_CODE }}】</span>
                </div>
              </div>
            </TCollapse>
            <!-- 验工计价详情 -->
            <TCollapse title="验工计价" style="width:100%;">
              <div class="content-box marginBottom14">
                <div style="text-align:left;word-break:break-all;">
                  <div style="text-align:left;word-break:break-all;margin-left: 2px;" class="content-box">
                    <div id="messBox">整体项目下列服务编码还未返回预估单：{{ codingTwo }}</div>
                  </div>
                  <div style="color:red;">
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;预估单未返回时请确认以下操作是否已完成：</div>
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;（1）请与地市商合岗确认对应的服务编码是否已经采购下单。</div>
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;（2）如果已下单，请项目经理到商合交易系统完成收货（操作路径：我的业务/我的账户/订单管理），收货之后系统会在1小时左右推送预估单到PMS。可在订单详情页查询最新推送状态（查询路径：查看/查看订单报账）。</div>
                  </div>
                </div>
                <el-row v-if="isShowBtn" :gutter="10" class="marginBottom14" type="flex" justify="end">
                  <el-col :span="1.5">
                    <el-button class="pms-button-primary" @click="singlePush">推送</el-button>
                    <el-button class="pms-button-primary" @click="singleWriteOff">冲销</el-button>
                  </el-col>
                </el-row>
                <!-- 列表 -->
                <el-table
                 @selection-change="handleSelectionChange"
                  ref="singleTable"
                  :data="sjjlDetailData"
                  style="width: 100%"
                  border
                  :header-cell-style="{
                    background: '#F5F5F5',
                    color: '#333333'
                  }"
                >
                <el-table-column type="selection" width="55" />
                  <el-table-column align="center" type="index" width="50" label="序号" />
                  <el-table-column align="center" prop="siteId" label="站址编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceCode" label="服务编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceName" label="服务名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="formPattern" width="80" label="规格" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="supplier" width="90" label="供应商名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="orderCode" label="订单编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="contractCode" label="合同编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shNum" width="80" label="商合预占数" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="price" width="80" label="单价(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.price) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shMoney" width="80" label="商合预占金额(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding( scope.row.shMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="bundingNum" width="80" label="绑定数量" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.bundingNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="bundingMoney" width="80" label="绑定金额" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding(scope.row.bundingMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="paymentNum" width="80" label="付款数量" :show-overflow-tooltip="true">
                    <template slot-scope="scope">{{ roundingFour(scope.row.paymentNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="paymentMoney" width="80" label="付款金额" :show-overflow-tooltip="true">
                    <template slot-scope="scope">{{ rounding(scope.row.paymentMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="projectProGress" width="80" label="项目进度(%)" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="left" header-align="center" prop="paymentType" :formatter="payTypeDictionariesTwo" width="80" label="付款类型" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <!-- <el-table-column align="left" header-align="center" prop="siteId" width="80" label="类型" :show-overflow-tooltip="true">
                      <template slot-scope="scope">{{ scope.row.siteId ? '预估单': '验工计价' }}</template>
                    </el-table-column> -->
                  <el-table-column align="center" prop="orderState" :formatter="orderStateDictionaries" width="80" label="订单状态" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="isPush" :formatter="isPushDictionariesNew" width="80" label="推送状态" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </TCollapse>
          </el-main>
          <!-- 发起验工计价页面 -->
          <el-main v-else class="mainDetails">
            <TCollapse title="项目信息" style="width:100%;">
              <div v-if="topdetailData.PARENT_PRJ_NAME" class="content-box">
                <!-- <div style="display:flex;justify-content: space-between;"> -->
                <div style="text-align: justify;">
                  <span v-if="topdetailData.PARENT_PRJ_NAME" id="parProName" style="width: 120px;">整体项目：{{ topdetailData.PARENT_PRJ_NAME }}</span>
                  <span v-if="topdetailData.PARENT_ORG_NAME" id="parProCode">-{{ topdetailData.PARENT_ORG_NAME }}</span>
                  <span v-if="topdetailData.PARENT_PRJ_CODE" id="parProCode">【{{ topdetailData.PARENT_PRJ_CODE }}】</span>
                </div>
                <div style="text-align: justify;">
                  <span v-if="topdetailData.SUB_PRJ_NAME" id="topdetailData.SUB_PRJ_NAME" style="width: 120px;">单项工程：{{ topdetailData.SUB_PRJ_NAME }}</span>
                  <span v-if="topdetailData.SUB_ORG_NAME" id="subProCode">-{{ topdetailData.SUB_ORG_NAME }}</span>
                  <span v-if="topdetailData.SUB_PRJ_CODE" id="subProCode">【{{ topdetailData.SUB_PRJ_CODE }}】</span>
                </div>
                <!-- </div> -->
              </div>
              <div v-else class="content-box">
                <table style=" text-align: left;">
                  <tr>
                    <td width="50%">
                      <span id="parProName" style="width: 120px;">{{ topdetailData.SUB_PRJ_NAME }}</span>
                      <span v-if="topdetailData.SUB_ORG_NAME" id="subProCode">-{{ topdetailData.SUB_ORG_NAME }}</span>
                      <span v-if="topdetailData.SUB_PRJ_CODE" id="parProCode">【{{ topdetailData.SUB_PRJ_CODE }}】</span>
                    </td>
                  </tr>
                </table>
              </div>
            </TCollapse>
            <!-- 发起验工计价 -->
            <TCollapse title="验工计价" style="width:100%;">
              <el-row :gutter="10" class="content-box marginBottom14" type="flex" justify="start">
                <el-col :span="1.5" style="line-height:25px;text-align: left;">
                  <div id="messBox">下列服务编码还未返回预估单：{{ codingTwo }}</div>
                  <div class="colorRed">预估单未返回时请确认以下操作是否已完成：</div>
                  <div class="colorRed">（1）请与地市商合岗确认对应的服务编码是否已经采购下单（选址费、赔补费、测绘费、工程签证类服务需【项目经理】跳转【商合交易系统】去下单，具体操作路径：PMS系统-【综合查询】-【选址/赔补/测绘/签证费下单】）</div>
                  <div class="colorRed">（2）如果已下单，请项目经理到商合交易系统完成收货（操作路径：我的业务/我的账户/订单管理），收货之后系统会在1小时左右推送预估单到PMS。可在订单详情页查询最新推送状态（查询路径：查看/查看订单报账）。</div>
                  <div class="colorRed">（3）不需要的服务模块可通过项目设计变更删除。操作手册请见【知识管理】平台，搜索“设计变更”。</div>
                </el-col>
              </el-row>
              <el-row v-if="isShowBtn" :gutter="10" class="marginBottom14" type="flex" justify="end">
                  <el-col :span="1.5">
                    <el-button class="pms-button-primary" @click="singlePush">推送</el-button>
                    <el-button class="pms-button-primary" @click="singleWriteOff">冲销</el-button>
                  </el-col>
                </el-row>
              <div class="content-box">
                <el-table
                @selection-change="handleSelectionChange"
                  ref="singleTable"
                  :data="sjjlDetailData"
                  style="width: 100%"
                  border
                  :header-cell-style="{
                    background: '#F5F5F5',
                    color: '#333333'
                  }"
                >
                <el-table-column type="selection" width="55" />
                  <el-table-column align="center" type="index" width="50" label="序号" />
                  <el-table-column align="center" prop="siteId" label="站址编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceCode" label="服务编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="serviceName" label="服务名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="supplier" width="90" label="供应商名称" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="orderCode" label="订单编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="contractCode" label="合同编码" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shNum" width="90" label="商合预占数" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="price" width="80" label="单价(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.price) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="shMoney" width="80" label="商合预占金额(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding( scope.row.shMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="bundingNum" width="80" label="累计验工数量" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ roundingFour(scope.row.bundingNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="bundingMoney" width="80" label="累计验工金额(元)" :show-overflow-tooltip="true">
                    <template v-if="scope.row.serviceCode" slot-scope="scope">{{ rounding(scope.row.bundingMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column v-if="false" align="center" prop="onlybe1FLAG" width="80" label="服务数量是否只为1" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <!-- <el-table-column prop="siteId" width="80" label="类型" :show-overflow-tooltip="true" align="left" header-align="center">
                      <template slot-scope="scope">{{ scope.row.siteId ? '预估单': '验工计价' }}</template>
                    </el-table-column> -->
                  <el-table-column align="center" prop="orderState" :formatter="orderStateDictionaries" width="80" label="订单状态">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="paymentNum" width="80" label="本期验工数量" :show-overflow-tooltip="true">
                    <template slot-scope="scope">{{ roundingFour(scope.row.paymentNum) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="paymentMoney" width="80" label="本期验工金额(元)" :show-overflow-tooltip="true">
                    <template slot-scope="scope">{{ rounding(scope.row.paymentMoney) }}</template>
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="projectProGress" width="80" label="项目进度(%)">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="left" header-align="center" prop="paymentType" :formatter="payTypeDictionariesTwo" width="80" label="付款类型" :show-overflow-tooltip="true">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="isPush" :formatter="isPushDictionariesNew" width="80" label="推送状态">
                    <template slot="header" slot-scope="{ column }">
                      <el-tooltip effect="dark" :content="column.label" placement="top"><div class="header-tooltip">{{ column.label }}</div></el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </TCollapse>
          </el-main>
  </div>
 </div>
</template>
<script>
import DialogConfirm from '@/views/acceptanceManagement/materialServiceBind/components/dialogConfirm.vue'
  // 系统常量配置
  import {
    getServiceReceInspection,
    queryinspectionValuationDetailsB,
    getServiceReceInspectionB,
    getChilAndParPrjInfo,
    queryInsValDetails,
    getShopTokenAndUrl,
    isShowSubCode,
    designPush,
    getPrjDetail
  } from '@/api/checkoutValuation'
  import HeaderTitle from '@/components/basic/HeaderTitle'
  import TCollapse from '@/components/basic/TCollapse.vue'
  import $ from 'jquery'
  export default {
      name: 'ActualBudgetAllForm',
      components: {
        HeaderTitle,
        TCollapse,
        DialogConfirm
    },
      props: {
        form: {
            type: Object,
            default: () => ({})
        }
      },
      data() {
          return {
              detailData: [], // 页面请求存放的数据
              sjjlDetailData: [],
              topdetailData: '',
              headerTitle: '验工计价',
              coding: [],
              codingTwo: [],
              activeNames: ['demo1', 'demo2'],
              urlList: {}, // 存放地址栏信息
              faId: '', // 基本信息的id
              activeName: '1',
              apiEnmu: {
                1: 'dataOne',
                2: 'dataTwo'
              },
              prjId: '', // prjId
              newOldProject: '', // 0是新项目,1是老项目
              manageMode: '', // 发起验工计价 || 调减验工计价 页面
              isBudget: 0,
              showColumns:true,
              multipleSelection:[],
              isShowBtn:false,
              dialogVisible:false,
              dialogMessage:"本次会将订单自动全量冲销为0，请确认？",
              saveParams:{},
              prjDetail:{}
          }
      },
       computed:{
        // 智联服务成本展示时间
         newZlSoftWort(){
            return this.prjDetail.isNewbusiness==='1'&&['25'].includes(this.prjDetail.buildModes)&&this.prjDetail.prjType==='W'
        },
      },
      created() {
        var urlVal = window.location.href
        this.urlList = this.GetRequest(urlVal)
        this.prjId = this.urlList.prjId
        this.manageMode = this.urlList.manageMode
        this.newOldProject = this.urlList.newOldProject
        this.isBudget = Number(this.urlList.isBudget) || 0
        // this.titleData()
        this.doSearch()
        this.getInitPriDetail()
        if(this.$route.query.spcalTag==='todo'){
          this.dataTwo()
          this.initSendHeight()
        }
      },
      methods: {
        initSendHeight() {
          this.$nextTick(() => {
            const params = {
              height: this.$refs.getSoftInfo.clientHeight+30,
              type: 'getSoftTabHeight'
            }
            window.parent.postMessage(params, this.$fixIframeArr())
          })
        },
        handleSelectionChange(val) {
          this.multipleSelection = val;
        },
        // 推送
        async singlePush() {
          if (this.multipleSelection.length === 0) {
            this.$message.info('请勾选数据后操作')
            return
          }
          const result = this.multipleSelection.every(item => [0, 2].includes(+item.isPush))
          if (!result) {
            this.$message.warning('仅支持推送状态为未推送/推送失败的订单进行【推送】操作')
            return
          }
          const listData = this.multipleSelection.map(item => {
            return {
              valuationId: item.valuationId,
              orderNo: item.orderCode,
              serviceCode: item.serviceCode
            }
          })
          const params = {
            prjId: this.prjId,
            isReversal: 0,
            insValBServiceReqDets: listData
          }
          await this.commonPush(params)

        },
        async commonPush(params){
          const { code, message } = await designPush(params)
          if (+code === 200) {
            this.dataTwo()
          } else {
            this.$message({
              message: message,
              type: 'error',
              dangerouslyUseHTMLString: true
            })
          }
        },
        async changeMsg(status) {
          this.dialogVisible = false
          if (status) {
            await this.commonPush(this.saveParams)
          }
        },
        // 冲销
        async singleWriteOff() {
          if (this.multipleSelection.length === 0) {
            this.$message.info('请勾选数据后操作')
            return
          }
          if (this.multipleSelection.length > 1) {
            this.$message.warning('仅支持单选订单后冲销，不支持批量冲销')
            return
          }
          const result = this.multipleSelection.every(item => +item.isPush === 1)
          if (!result) {
            this.$message.warning('仅支持推送状态为已推送的订单进行【冲销】操作')
            return
          }
          const listData = this.multipleSelection.map(item => {
            return {
              valuationId: item.valuationId,
              orderNo: item.orderCode,
              serviceCode: item.serviceCode
            }
          })
          const params = {
            prjId: this.prjId,
            isReversal: 1,
            insValBServiceReqDets: listData
          }
          this.saveParams = params
          this.dialogVisible = true
        },
        async getInitPriDetail() {
            const res = await getPrjDetail({prjId:this.prjId})
            this.prjDetail = res.data
            const {code,data} = await isShowSubCode({prjId:this.prjId})
            if (+code === 200&&(+data===0)) {
                this.showColumns = false
            }
        },
          // 验工计价初始化列表数据
          async listData() {
            await getServiceReceInspection({ prjId: this.prjId }).then(res => {
                if (res.code === '200' && res.data.length > 0) {
                    res.data.map((v) => {
                        this.coding.push(v) // 公共的查询哪些服务编码没有返回预估单
                    })
                    this.coding = this.coding.join(',') + '。'
                }
                 if (res.data.length === 0) {
                  this.coding = '无。'
                }
            })
          },
          // 设计监理费初始化列表数据
          async listDataTwo() {
            const { code, data } = await queryinspectionValuationDetailsB({ prjId: this.prjId })
            if (code === '200') {
              this.sjjlDetailData = data
              this.isShowBtn = +data[0]?.isEndInternalAccept!==1
            }
            await getServiceReceInspectionB({ prjId: this.prjId }).then(res => {
                var objNew = []
                if (res.code === '200') {
                  for (var key in res.data) {
                    if (res.data[key]) {
                      objNew.push(res.data[key]) // 公共的查询哪些服务编码没有返回预估单
                    }
                  }
                  console.log(objNew, 'objNew')
                  if (objNew.length === 0) {
                    this.codingTwo = '无。'
                  } else {
                    this.codingTwo = objNew.join(',') + '。'
                  }
                }
            })
          },
          async dataOne() {
            const { code, data } = await getChilAndParPrjInfo({ subPrjId: this.prjId })
            if (code === '200') {
                if (data) {
                  this.topdetailData = data
                }
            }
            if (this.manageMode === '31' || this.manageMode === '04') {
              const res = await queryInsValDetails({ prjId: this.prjId, flag: '1' })
              if (res.code === '200') {
                this.detailData = res.data // 调减验工计价
              }
            } else {
              const result = await queryInsValDetails({ prjId: this.prjId })
              if (result.code === '200') {
                this.detailData = result.data // 发起验工计价
              }
            }
            this.listData() // 调减验工计价
          },
          async dataTwo() {
            const { code, data } = await getChilAndParPrjInfo({ subPrjId: this.prjId })
            if (code === '200') {
                if (data) {
                  this.topdetailData = data
                }
            }
            this.listDataTwo()
          },
          doSearch() {
              this.handleClick(this.activeName)
          },
          handleClick(val) {
            this[this.apiEnmu[val]]()
          },
          toFixedNum(value) {
            if (value) {
              return Number(value).toFixed(4)
            }
          },
          GetRequest(url) {
            var theRequest = {}
            if (url.indexOf('?') !== -1) {
                var str = url.substr(1)
                var strs = str.split('?')
                var strsList = strs[1].split('&')
                for (var i = 0; i < strsList.length; i++) {
                  theRequest[strsList[i].split('=')[0]] = strsList[i].split('=')[1]
                }
            }
            return theRequest
          },
          // 推送状态字典转换
          isPushDictionaries(row) {
            switch (row.isPush) {
                case '0':
                return '未推送'
                case '1':
                return '已推送'
                case '2':
                return '推送超时'
                case '3':
                return '部分推送'
                default:
                break
            }
          },
          isPushDictionariesNew(row) {
            switch (row.isPush) {
                case '0':
                return '未推送'
                case '1':
                return '已推送'
                case '2':
                return '推送超时'
                case '3':
                return '已冲销'
                default:
                break
            }
          },
          // 付款类型字典转换
          payTypeDictionaries(row) {
            switch (row.payType) {
                case 'FIRST':
                return '首付款(含安全生产费）'
                case 'PROGRESSING':
                return '进度款'
                case 'LOSS':
                return '损失款'
                default:
                break
            }
          },
          // 设计监理付款类型字典转换
          payTypeDictionariesTwo(row) {
            switch (row.paymentType) {
                case 'FIRST':
                return '首付款(含安全生产费）'
                case 'PROGRESSING':
                return '进度款'
                case 'LOSS':
                return '损失款'
                default:
                break
            }
          },
          // 订单状态字典转换
          orderStateDictionaries(row) {
            switch (row.orderState) {
                case '1':
                return '有效'
                case '0':
                return '无效'
                case '-1':
                return '冻结'
                default:
                break
            }
          },
          rounding(value) {
            return this.newOldProject === '1' ? Number(value).toFixed(2) : value
          },
          roundingFour(value) {
            return this.newOldProject === '1' ? Number(value).toFixed(4) : value
          },
          // 项目编码跳转新页面
          async skipPage(subPrjCode) {
              const res = await getShopTokenAndUrl({ sysCode: 'CHNTBP', prjCode: subPrjCode })
                if (+res.code === 200) {
                    const data = res.data
                    const toUrl = `${data.assetsResource.transactionUrl}eshop/pending/universal/sso.do?url=/v2/stage/front/index.html#/pmsEstimate?projectCode=${data.prjCode}&projectType=${data.manageMode}`
                    const params = {}
                    params.token = data.assetsResource.token
                    params.acctId = data.assetsResource.acctId
                    params.userName = data.assetsResource.userId
                    const newWin = window.open()
                    const form = $("<form method='post'></form>")
                    form.attr({ action: toUrl })
                    $.each(params, function(key, value) {
                        const input = $("<input type='hidden' >")
                        input.attr({ name: key })
                        input.val(value)
                        form.append(input)
                    })
                    form.appendTo(newWin.document.body)
                    form.submit()
                }
            }
      }
  }
</script>
<style scoped>
  .colorRed{
        color:red;
    }
    .el-upload--text {
      width: 100%;
    }
    .btnflex{
      display: flex;
      justify-content: space-between;
    }
    .el-table th {
      padding: 0px 0;
      text-align: center;
      font-size: 12px;
      color: #333333;
      letter-spacing: 0;
    }
    .el-table td {
      padding: 0px 0;
      text-align: center;
      font-size: 2px;
      color: #333333;
      letter-spacing: 0;
    }
    /* /deep/.el-table__header-wrapper .cell .el-checkbox {
        display: none;
    } */
    ::v-deep.el-form-item {
      width: 45%;
      /* text-align: center; */
    }
    .formBott{
        text-align: center;
        margin-top: 30px;
    }
    /* ::v-deep .el-input__suffix{
        margin-top:9px
    } */
  .el-collapse {
      margin-bottom: 15px;
  }
  .el-collapse-item {
      box-shadow: 0px 0px 6px 0px rgba(191, 192, 192, 0.52);
      /* 调整各个item之间的距离为20px */
      /* border: 1px; */
  }

  .el-collapse-item__wrap {
      padding: 0 20px;
      /* 为el-collapse-item的内容添加20像素的padding */
  }

  .el-collapse-item__header {
      padding-left: 20px;
      font-size: 14px;
      color: #333333;
      letter-spacing: 0;
      font-weight: 600;
  }

  .item_icon {
      width: 6px;
      background: rgb(235, 75, 75);
      height: 15px;
      margin-right: 10px;
      border-radius: 10px;
  }

  .content-box {
      width: 100%;
      border-radius: 3px;
      font-size: 12px;
      font-weight: 400;
      line-height: 25px;
  }

  .header-tooltip {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

  #messBox {
    word-break: break-all;
  }
</style>
